<!-- LLENA LA LISTA IZQUIERDA DE LOCALIZACIONES CON LAS AUTORIZADAS -->

<!--<script>
    $(function() { 
        $.ajax({ 
            data: "accio=omplirLlista", 
            type: "GET", 
            dataType: "json", 
            url: "controlador/CalendariControl.php", 
            success: function(data){ 
                mostraLlista(data);
            }
        });
    });    
</script>-->

<!-- MOSTRA LA LLISTA DE LOCALIZACIONES PERMITIDAS -->
<!--<script language="javascript" type="text/javascript">
    function mostraLlista(data) {
        $.each(data,function(index,value) {                
            $("#llistaEsquerra").append("<li><a href='#tab1' id='"+data[index].codiCalendari+"'>"+data[index].codiCalendari+"-"+data[index].descripcioCalendari+"</a></li>");          
        });
    }
</script>-->

<!-- MUESTRA EL LA LOCALIZACIÓN CON LA QUE SE DESEA TRABAJAR EN LA PARTE CENTRAL-->

<script type='text/javascript'>
    $(document).ready(function() {
        //Cuando el sitio carga...
        $(".tab_content").hide(); //Esconde todo el contenido
        $(".tabs").hide();
        $(".derechaConfig").hide();
        $("#divFechaS").hide();
        $("#divFechaB").hide();
        
        
        //On Click Event
        $(".botoListaIzq").click(function() {
            //$("ul.tabs li").removeClass("active"); //Elimina las clases activas
            //$(this).addClass("active"); //Agrega la clase activa a la tab seleccionada
            var clicado = $(this).attr("title");
            $(".tab_content").hide(); 
            $(".derechaConfig").hide();
            $(".tabs").show();
            // var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido
            $("#tituloConfiguracionCentral").text("Localización seleccionada: "+clicado);
            $("#tituloConfiguracionDerecha").text("Operaciones permitidas en: "+clicado);
            $("#tituloConfiguracionCentralBotton").text("Mi localización: Camión EA BX2831");
            $("#tab2").hide();
            $("#tab22").hide();
            $("ul.tabs li").removeClass("active");
            $("ul.tabs li:first").addClass("active").show(); //Activa la primera tab
            $("#tab1").show();
            $("#t2 li:first").addClass("active").show();
            $("#tab21").show();
            $(".derechaConfig").show();
            $("#divFechaS").show();
            $("#divFechaB").show();
            //$(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo
            return false;
        });

    });   
</script>

